﻿<UserControl x:Class="SpinDotters.Core.Samples.JogDialDemoControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:sd="clr-namespace:SpinDotters.Core;assembly=SpinDotters.Core"
             mc:Ignorable="d" 
             d:DesignHeight="800" d:DesignWidth="480">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="100" />
        </Grid.ColumnDefinitions>
        <sd:DomainUpDown Grid.Column="0"
                                 x:Name="myUpDown"
                                 ReadOnly="True"
                                 Reflective="True"
                                 FontSize="36"
                                 Height="100"
                                 Margin="10"
                                 SpinAngle="{Binding ElementName=myJogDial, Path=SpinAngle, Mode=TwoWay}"
                                 Dragged="{Binding ElementName=myJogDial, Path=Dragging}">
            <TextBlock Text="The JogDial control" />
            <TextBlock Text="is a cool" />
            <TextBlock Text="input device" />
            <TextBlock Text="for touchpanels!" />
            <Canvas Height="100" Width="300">
                <Line X1="0" Y1="50" X2="300" Y2="50"
                      Stroke="Gray"
                      StrokeThickness="10" />
            </Canvas>
        </sd:DomainUpDown>
        <sd:JogDial Grid.Column="1"
                    x:Name="myJogDial"
                    Height="400" />
    </Grid>
</UserControl>
